<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>部门OKR</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.css">
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" href="../css/icons-extra.css">
	</head>

	<body>
	
	<div style="display:none;">
	<img src="logo.jpg">
	</div>
	
	
	<div id="search" class="mui-popover" style="position:fixed;">
      <!-- 查询弹出层 -->
	  	<p class="bold" style="text-align:center; margin-top:5px;">查询条件</p>
        <form class="mui-input-group" id="findpage">
            <table style="width:100%; border:1px solid #f1f1f1;">
                <tr>
                <td class="qian">
                    
                        <label style="">年度：</label>
                </td>
                <td>
                    
                        <select style="width:59%; height:43px;">
							<option value ="请选择">请选择</option>
                            <option value ="0">2010</option>
                            <option value ="1">2011</option>
                            <option value ="2">2012</option>
                            <option value="3">2013</option>
                            <option value="4">2014</option>
							<option value ="5">2015</option>
                            <option value ="6">2016</option>
                            <option value ="7">2017</option>
                            <option value="8">2018</option>
                            <option value="9">2019</option>
                        </select>
                    
                </td>
            </tr>
            
                <tr>
                    <td class="qian">
                        
                            <label style="">季度：</label>
                        
                    </td>
                    <td>
                        
                            <select style="width:59%; height:43px;">
                            <option value ="0">请选择</option>
                            <option value ="1">一季度</option>
                            <option value ="2">二季度</option>
                            <option value="3">三季度</option>
                            <option value="4">四季度</option>
                        </select>
                        
                    </td>
                </tr>
				<tr>
                    <td class="qian">
                        
                            <label style="">月度：</label>
                        
                    </td>
                    <td>
                       
                            <select style="width:59%;height:43px;">
                                <option value ="0">请选择</option>
                                <option value ="1">1月</option>
                                <option value ="2">2月</option>
                                <option value="3">3月</option>
                                <option value="4">4月</option>
                                <option value="5">5月</option>
                                <option value="6">6月</option>
                                <option value="7">7月</option>
                                <option value="8">8月</option>
                                <option value="9">9月</option>
                                <option value="10">10月</option>
                                <option value="11">11月</option>
                                <option value="12">12月</option>
                            </select>
                        
                    </td>
                </tr>
            </table>
        </form>
		<p style="text-align:center; margin:5px 0;"><button>查询</button></p>
	</div>  <!--查询弹出层-->



<!--组织列表弹出层-->
<div id="orglayer" class="">
    <div style="position:relative;left:100%;width:20%">
        <img id="closebtn" style="margin-top:2%;box-shadow:0 0 20px #ccc;" src="../img/x.png">
    </div>
    <div class="mui-scroll">
	
<link rel="stylesheet" type="text/css" href="../css/public.css" />
<link rel="stylesheet" href="../css/iconfont.css" />

<ul id="groupRule"></ul>
	

		
    </div>
</div>
<!--组织列表弹出层-->


	
	
		<header class="mui-bar mui-bar-nav">
			<a id="orgbtn" class="mui-icon mui-icon-contact mui-pull-left" style="line-height: 26px;font-size: 20px;color:#007aff;"><span style="font-size: 17px;color:#007aff;">组织</span></a>
			<h1 class="mui-title">部门OKR列表</h1>
			<a href="#search" class="mui-icon mui-icon-search mui-pull-right" style="line-height: 26px;font-size: 20px;color:#007aff;"><span style="font-size: 17px;color:#007aff;">查询</span></a>
		</header>
		
		
		<div class="mui-content">
			<p id="title">经营管理</p>
			<div class="mui-card border_radius">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">总经理</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">副总经理</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<p id="title">销售</p>
			<div class="mui-card border_radius">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">销售总监</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">销售</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">销售助理</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<p id="title">售前</p>
			<div class="mui-card border_radius">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">售前</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<p id="title">交付</p>
			<div class="mui-card border_radius">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">交付总监</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<p id="title">开发</p>
			<div class="mui-card border_radius">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">产品经理</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">设计师</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">开发工程师</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<p id="title">测试</p>
			<div class="mui-card border_radius">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">测试经理</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">测试工程师</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<div style="height:10px;">&nbsp;</div>
			<hr>
			<center>
				<p>&copy; 2016 中软国际</p>
			<center>
			<div style="height:30px;">&nbsp;</div>
			
		</div>
		
		<script>
			var orglayer = document.getElementById("orglayer");
			var orgbtn = document.getElementById("orgbtn");
			var closebtn = document.getElementById("closebtn");
			orgbtn.onclick = function(){
				orglayer.className = "rhua";
			}
			
			
			closebtn.onclick = function(){
				orglayer.className = "lhua";
			}
			
			
			
		</script>
		<!-- <script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> -->
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script src="../js/groupRule.js"></script>
		
		<script type="text/javascript">
    var data = [
                {"id" : "1","text" : "IIG业务集团", "spread" : false,"checked" : false,"childs":[
				{"id":"11","text":"JF-DEV-1"},
				
				{"id" : "2","text" : "租赁业务", "spread" : false,"checked" : false,"childs":[{"id":"21","text":"仓库管理"},
                    {"id":"22","text":"库存管理"}]},
				
                {"id":"12","text":"JF-DEV-2", "spread" : false,"checked" : false},
				{"id":"12","text":"JF-DEV-3"},
				          ]
			    },
				
				
                {"id" : "2","text" : "租赁业务", "spread" : false,"checked" : false,"childs":[{"id":"21","text":"仓库管理"},
                    {"id":"22","text":"库存管理"}]},
                {"id" : "3","text" : "物流业务", "spread" : false,"checked" : false,"childs":[]},
               
          
               ];
    $(function(){
        $("#groupRule").groupRule({title:"中软国际",data:data,effect:200});
    });
</script>
		
		<script src="../js/mui.js"></script>
	</body>

</html>